<template>
  <div class="end-box">
    <div class="end-box-title">结束</div>
  </div>
</template>

<script setup>
const prop = defineProps({
  type: {
    type: String,
    default: 'default'
  }
})
</script>

<style lang="scss" scoped>
.end-box {
  height: 100%;
  width: 100%;
  overflow: auto;
  .end-box-title {
    width: 100%;
    height: 100%;
    background-color: #fff;
    // border: 1px solid #888;
    color: #f56c6c;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #f38c8c;
    &:hover {
      background-color: #f56c6c;
      color: #fff;
    }
  }
}
</style>
